<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>联系我们</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/contact.css">
</head>

<body>
    <div class="home">
        <div class="header ">
            <div class="box">
                <a href="./index.html" class="logo animated fadeInUp">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="r">
                    <div class="item active">
                        <a href="./index.html" class="a1 animated fadeInUp" style="animation-delay: 200ms;">首页</a>
                    </div>
                    <div class="item">
                        <a class="a1 animated fadeInUp" style="animation-delay: 400ms;">服务范围</a>
                        <div class="aList animated fadeIn">
                            <a href="./service.html">
                                <span data-title="市场研究">市场研究</span>
                            </a>
                            <a href="./service.html">
                                <span data-title="投资可行性分析">投资可行性分析</span>
                            </a>
                            <a href="./service.html">
                                <span data-title="项目开发顾问">项目开发顾问</span>
                            </a>
                            <a href="./service.html">
                                <span data-title="运营公司寻找顾问">运营公司寻找顾问</span>
                            </a>
                            <a href="./service.html">
                                <span data-title="办公楼和店铺选址顾问">办公楼和店铺选址顾问</span>
                            </a>
                            <a href="./service.html">
                                <span data-title="资产收购顾问">资产收购顾问</span>
                            </a>
                            <a href="./service.html">
                                <span data-title="资产出售顾问">资产出售顾问</span>
                            </a>
                            <a href="./service.html">
                                <span data-title="产业规划顾问">产业规划顾问</span>
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./news.html" class="a1 animated fadeInUp" style="animation-delay: 600ms;">观点与研究</a>
                        <div class="aList animated fadeIn">
                            <a href="./news.html">
                                <span data-title="行业观点">行业观点</span>
                            </a>
                            <a href="./news.html">
                                <span data-title="市场研究">市场研究</span>
                            </a>
                        </div>
                    </div>
                    <div class="item">
                        <a href="./about.html" class="a1 animated fadeInUp" style="animation-delay: 800ms;">关于我们</a>
                        <div class="aList animated fadeIn">
                            <a href="./about.html">
                                <span data-title="愿景与使命">愿景与使命</span>
                            </a>
                            <a href="./leaders.html">
                                <span data-title="创始人寄语">创始人寄语</span>
                            </a>
                            <a href="./team.html">
                                <span data-title="我们的团队">我们的团队</span>
                            </a>
                            <a href="./contact.html">
                                <span data-title="联系我们">联系我们</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a>服务范围</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./service.html">市场研究</a>
                    <a href="">投资可行性分析</a>
                    <a href="">项目开发顾问</a>
                    <a href="">运营公司寻找顾问</a>
                    <a href="">办公楼和店铺选址顾问</a>
                    <a href="">资产收购顾问</a>
                    <a href="">资产出售顾问</a>
                    <a href="">产业规划顾问</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">观点与研究</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./news.html">行业观点</a>
                    <a href="./news.html">市场研究</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./about.html">愿景与使命</a>
                    <a href="./leaders.html">创始人寄语</a>
                    <a href="./team.html">我们的团队</a>
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
        </div>


        <div class="container">
            <div class="bg">
                <img src="./images/contact.webp" alt="">
            </div>
            <div class="main animated fadeInUp">
                <form class="form" id="form">
                    <div class="item">
                        <input type="text" placeholder="姓名">
                    </div>
                    <div class="item">
                        <input type="number" maxlength="11" class="phone" placeholder="电话" oninput="checkNumberLength(event)">
                    </div>
                    <div class="item">
                        <input type="text" class="email" placeholder="邮箱">
                    </div>
                    <div class="item">
                        <textarea name="" placeholder="留言内容"></textarea>
                    </div>
                    <button type="submit">
                        <p>确认提交</p>
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"
                                fill="none">
                                <path
                                    d="M19.4387 24.5606L26.5816 17.0605C27.1395 16.4747 27.1395 15.5252 26.5816 14.9394L19.4387 7.43932C18.8808 6.85356 17.9765 6.85356 17.4187 7.43932C16.8608 8.02507 16.8608 8.9746 17.4187 9.56035L22.123 14.4999L8.4286 14.4999C7.6393 14.4999 7 15.1712 7 16C7 16.8288 7.6393 17.5 8.4286 17.5L22.123 17.5L17.4187 22.4396C17.1401 22.7321 17.0001 23.1161 17.0001 23.5002C17.0001 23.8842 17.1394 24.2682 17.4187 24.5607C17.9765 25.1464 18.8808 25.1464 19.4387 24.5607L19.4387 24.5606Z"
                                    fill="white" />
                            </svg>
                        </div>
                    </button>
                </form>
                <div class="info">
                    <p class="p1">地址: </p>
                    <div class="des">
                        北京市昌平区回龙观东大街318号院 <br>首开广场4层
                    </div>
                    <div class="code">
                        <img src="./images/code.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="bg">
                <img src="./images/fbg.png" alt="">
            </div>
            <div class="search">
                <input type="text" placeholder="Search related information">
                <a href="">search</a>
            </div>
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/flogo.svg" alt="">
                    </div>
                    <div class="p1">
                        Brand Content With Your Customers.
                    </div>
                    <a href="">
                        <p>contact us</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="9" height="16" viewBox="0 0 9 16" fill="none">
                            <g clip-path="url(#clip0_259_300)">
                                <path
                                    d="M5.52688 5.59073C5.35178 5.41563 5.35178 5.24053 5.52688 5.06543C5.70197 4.89034 5.87707 4.89034 6.05217 5.06543L8.44516 7.48761C8.52298 7.56543 8.5619 7.65298 8.5619 7.75026C8.5619 7.80862 8.55217 7.85726 8.53271 7.89617C8.51326 7.93508 8.48407 7.97399 8.44516 8.0129L6.05217 10.4351C5.87707 10.6102 5.70197 10.6102 5.52688 10.4351C5.33232 10.2405 5.3226 10.0654 5.49769 9.90979L7.27785 8.12964H0.536604C0.283686 8.12964 0.157227 8.00318 0.157227 7.75026C0.157227 7.49734 0.283686 7.37088 0.536604 7.37088H7.27785L5.52688 5.59073Z"
                                    fill="#BBA387" />
                            </g>
                            <defs>
                                <clipPath id="clip0_259_300">
                                    <rect width="8.44" height="15" fill="white"
                                        transform="matrix(1 0 0 -1 0.139648 15.25)" />
                                </clipPath>
                            </defs>
                        </svg>
                    </a>
                </div>
                <div class="r">
                    <div class="item">
                        <p class="p1">服务范围</p>
                        <div class="pList">
                            <a href="">市场研究</a>
                            <a href="">投资可行性分析</a>
                            <a href="">项目开发顾问 </a>
                            <a href="">运营公司寻找顾问</a>
                            <a href="">办公楼和店铺选址顾问</a>
                            <a href="">资产收购顾问 </a>
                            <a href="">资产出售顾问</a>
                            <a href="">城市区域规划</a>
                            <a href="">产业规划顾问</a>
                        </div>
                    </div>
                    <div class="item">
                        <p class="p1">观点与研究</p>
                        <div class="pList">
                            <a href="">行业观点</a>
                            <a href="">市场研究</a>
                        </div>
                    </div>
                    <div class="item">
                        <p class="p1">关于我们</p>
                        <div class="pList">
                            <a href="">愿景与使命</a>
                            <a href="">创始人寄语</a>
                            <a href="">我们的团队 </a>
                            <a href="">联系我们</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    © 2024 微一行（北京）数据咨询有限公司版权所有
                    <a href="">京ICP备2021038644号</a>
                </div>
                <div class="r">
                    <a href="https://www.u-sound.cn/" target="_blank">技术支持：U-Sound</a>
                </div>
            </div>
        </div>




    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        function checkNumberLength(event) {
    var input = event.target;
    var maxLength = input.getAttribute('maxlength');
    if (input.value.length > maxLength) {
        input.value = input.value.slice(0, maxLength);
    }
}
        new WOW().init();
        function validateEmail(email) {
            var regex = /^[^\s@]+@[^\s@]+\.[a-zA-Z]{2,}$/; // 定义邮箱格式的正则表达式
            return regex.test(email); // 返回true或false来判断输入的邮箱是否符合要求
        }

        // function validatePhone(email) {
        //     var regex = /(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}1[0-9][0-9]{9}$)/; // 定义邮箱格式的正则表达式
        //     return regex.test(email); // 返回true或false来判断输入的邮箱是否符合要求
        // }
        // 座机号不带区号
        // function validatePhone2(email) {
        //     var isMob=/^0\d{2,3}-\d{7}$/;
        //     return isMob.test(email); // 返回true或false来判断输入的邮箱是否符合要求
        // }
        $('#form').submit(function () {
            var phone = $('.phone').val();
            var email = $('.email').val();
            if(phone!=''){
                if(phone.length!=11){
                    alert('请输入11位手机号')
                    return false
                }
            }
            // if (validatePhone(phone)) {
            //     console.log("aa")
            // }else {
            //     alert("请输入正确号码")
            //     return false;
            // }
            if (!validateEmail(email)) {
                alert("请输入正确邮箱")
                return false;
            }
        })
    </script>
</body>

</html>